/*
 * @Author: zhengchao
 * @Date: 2021-05-06 11:20:46
 * @LastEditors: zhengchao
 * @LastEditTime: 2021-09-22 09:11:41
 * @Description: 
 * @FilePath: \nocode-react-ts\src\App.tsx
 */
import Left from './components/left'
import Middle from './components/middle/middle'
import Right from './components/right/right'
import Header from './components/header'
import './App.scss';
import { DndProvider } from 'react-dnd';
import { HTML5Backend } from 'react-dnd-html5-backend';

function App() {
  return (
    <div className="App">
      <Header></Header>
      <DndProvider backend={HTML5Backend}>
        <div className="main">
          <Left></Left>
          <Middle></Middle>
          <Right></Right>
        </div>
      </DndProvider>
    </div>
  );
}

export default App;
